:root{--bg:#0b0d10;--card:#101317cc;--fg:#f6f7f9;--muted:#aab1bb;--accent:#22c55e;--accent-2:#ef4444;--ring:#22c55e40;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:"Josefin Sans",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji",sans-serif;color:var(--fg);background:radial-gradient(1200px 600px at 10% 10%,#17202a 0%,transparent 60%),radial-gradient(1000px 500px at 90% 30%,#131a23 0%,transparent 60%),linear-gradient(180deg,#0b0d10 0%,#0b0d10 100%);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrap{min-height:100svh;display:grid;place-items:center;padding:clamp(16px,2.5vw,28px)}.card{width:min(900px,96vw);background:var(--card);backdrop-filter:saturate(1.2) blur(10px);border:1px solid #1a2028;border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,4vw,36px)}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:conic-gradient(from 210deg,#22c55e,#16a34a,#22c55e);box-shadow:0 6px 18px #16a34a55}.brand b{font-size:1.25rem;letter-spacing:.3px}h1{margin:8px 0 6px;font-size:clamp(1.6rem,2.6vw + .6rem,3rem);line-height:1.05}.lead{color:var(--muted);margin:0 0 16px;font-size:clamp(.98rem,.6vw + .8rem,1.1rem)}.count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 12px}.tile{background:#0f1319;border:1px solid #1a2029;border-radius:16px;text-align:center;padding:16px 8px}.num{font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,3vw + .6rem,2.8rem);line-height:1}.lbl{color:var(--muted);font-size:.9rem;margin-top:6px;letter-spacing:.4px;text-transform:uppercase}.progress{position:relative;height:10px;background:#0e1217;border:1px solid #1a2028;border-radius:999px;overflow:hidden;margin:8px 0 18px}.bar{height:100%;width:0%;background:linear-gradient(90deg,#16a34a,#22c55e);transition:width .7s cubic-bezier(.22,1,.36,1)}.dates{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-top:6px}.form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.input{width:100%;background:#0f1319;border:1px solid #1f2631;color:var(--fg);padding:14px 14px;border-radius:12px;outline:0;font-size:1rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 6px var(--ring)}.btn{border:0;cursor:pointer;padding:14px 18px;border-radius:12px;font-weight:700;background:linear-gradient(90deg,#16a34a,#22c55e);color:#041006;transition:transform .05s ease,filter .2s ease}.btn:active{transform:translateY(1px)}.note{color:var(--muted);font-size:.85rem;margin-top:8px}.msg{margin-top:10px;font-size:.95rem;display:none}.msg.ok{color:var(--accent)}.msg.err{color:var(--accent-2)}.foot{margin-top:22px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.85rem;flex-wrap:wrap}@media(max-width:680px){.count-grid{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bar{transition:none}.btn{transition:none}}